/* Global CSS */
body { font-family: arial, sans-serif; background-color: #fff; text-align: center;}

img { border: 1px dotted black; }
img:hover { border: 1px solid black; }

h1 { margin-top: 0; }

a { text-decoration: none; }

a:visited { color: blue; }

a:hover { color: #fff; background-color: blue;}

a.current { font-weight: bold;  }

input, textarea { font-family: arial, sans-serif; background-color: #fcfecc; }

input.form { font-size: 120%; border-left: 2px solid #f0f0f0; padding: .5em .5em; margin-bottom: 1em; width: 98%; }

textarea.form {  font-size: 120%; border-left: 2px solid #f0f0f0; padding: .5em .5em; margin-bottom: 1em; width: 98%; }

input.submit {background-color: #f0f0f0;}

.button input { background-color: #f0f0f0; }

div.button-bar input { background-color: #f0f0f0; }

a.sitename { text-decoration: none; color: green; font-weight: bold; }
a.sitename:hover { color: #fff; background-color: green; }
.welcomemessage { float: left; width: 45%; background-color: #fcfecc; font-size: 120%; border-left: 2px solid #f0f0f0; padding: .5em .5em; margin-top: 1em; margin-bottom: 1em; }
.screenshots { float: left; border: 2px solid #f0f0f0; padding: .5em; margin-top: 1em; margin-bottom: 1em; margin-left: 1em; }

.form-padding { padding: 1em; padding-top: 0; }
#studylist { text-align: left; }

#header { padding-left: 1em; padding-right: 1em; text-align: left;}

.navigation { float: left; padding-left: 1em; padding-top: .2em; font-size: small; overflow:hidden; text-align: left; position:relative; zoom:1; }
.navigation a { }
.navigation ul { margin:0; padding:0; list-style:none; position:relative; }
.navigation ul { display:inline; }
.navigation ul li { margin:0; padding:0 .3em; display:inline; border-bottom:none; }
.navigation li a, .navigation li a:visited {}
.navigation li a:hover { padding:0}

#mainwrap { padding-left: 1em; padding-right: 1em; }

/*#sideleft { float: left; margin-left: 1em; width: 100px; }

#sectionbody { display: none; float: right; margin-right: 1em; }*/

#main { padding: 0; margin: 0; float: left; margin-left: 0; }

#toolbox { float: right; width: 200px; background: #f0f0f0; padding: 1em; padding-top: 0; }

#sitename { width: 100%; }

#title { float: left; font-size: 120%; }

#headerlinks { text-align: right; padding-bottom: .5em; }

#notice { font-style: italic; float: inline; border: 2px dotted #000; padding: .5em; margin-top: .5em; background-color: #ffeded; font: bold smaller sans-serif;}

#pageheader {  background-color: #000; /*background:url(/images/grad.png) repeat-x bottom;*/ border:1px solid #ebebeb; border-bottom:1px solid #c7c7c7; color:#fff; padding:5px 8px 8px; overflow:hidden; text-align: left; position:relative; zoom:1; font-size: 120%; padding: 0.3em .5em;  border-bottom: 1px solid black;}

#pageheader a { font-size: 80%; }

#pageoptions { float: left; margin-top: .5em; margin-bottom: .5em; }

.pagination { font-weight: bold; font-size: small; padding: 0.3em; margin-top: .5em; position:relative; /*clear: right;*/ }
.pagination a { font-weight: bold; padding: .2em; padding-left: .5em; padding-right: .5em; border: 1px solid #f0f0f0; }
.pagination a:hover { background-color: blue; border: 1px solid #000; }

.studypagination { clear: both; padding: 5px;  text-align: center; font-size: medium; font-weight: bold; margin-bottom: 2em; overflow:hidden; position: relative; }
* html .studypagination { margin-bottom: 1em; } /*style for IE*/
.studypagination a { background:#eee; margin:0; position:relative; }

.sectionwrap { clear: left; padding-top: .5em; margin-bottom: .5em; margin-right: 250px; }
.sectiontitle { font-size: 135%; background-color: #fff; border-bottom: 3px solid #f0f0f0; color:#000; padding:5px; padding-right: 0; overflow:hidden; text-align: left; position:relative; zoom:1; }
/*.sectiontitle { font-size: 135%; background:url(/images/grad.png) repeat-x bottom; border-bottom: 2px solid #c7c7c7; color:#000; padding:5px 8px 8px; overflow:hidden; text-align: left; position:relative; zoom:1; }*/
/*.sectiontitle { font-size: 135%; background:url(/images/grad.png) repeat-x bottom; border-top: 1px solid #f0f0f0; border-bottom: 2px solid #c7c7c7; color:#000; padding:5px 8px 8px; overflow:hidden; text-align: left; position:relative; zoom:1; }*/
/*.sectiontitle { font-size: 135%; background:url(/images/grad.png) repeat-x bottom; border: 1px solid #ebebeb; border-top: 1px solid #ebebeb; border-bottom: 2px solid #c7c7c7; color:#000; padding:5px 8px 8px; overflow:hidden; text-align: left; position:relative; zoom:1; }*/
/*.sectiontitle { font-size: 135%; background-color: #ffffff; color:#000; border-bottom: 2px solid #c7c7c7;padding:5px 8px 8px; overflow:hidden; text-align: left; position:relative; zoom:1; }*/
.sectiontitle a { color: blue; text-decoration: none; font-weight: bold; max-width: 75%; }
.sectiontitle a:hover { color: #fff; }
.storywrap { background: #f0f0f0; }
.storydetails { clear: none; width: 100px; float: right; color: #000; font-size: small; margin-bottom: 1em; padding-top: 1em; padding-bottom: 1em; padding-left: .5em; }
.storybody { float: inline; min-height: 100px; color: #000; border-left: 3px solid #f0f0f0; background-color: #fff /*#fafcff*/; font-size: 90%; padding: .5em .5em; margin-right: 115px; }
.storybody:hover { background: #fff; }
.storybodyview { background-color: #fcfecc; font-size: 120%; border-left: 2px solid #c7c7c7; padding: .5em .5em; padding-right: 1em; margin-bottom: 1em; }

.sectionlinks { clear: none; float:right; padding-top: 1em; font-size: small; overflow:hidden; text-align: right; position:relative; zoom:1; }
.sectionlinks a { font-weight: bold; color: #434343; text-decoration: none; }
.sectionlinks a:hover {  }
.sectionlinks ul { margin:0; padding:0; list-style:none; position:relative; }
.sectionlinks ul { display:inline; }
.sectionlinks ul li { margin:0; padding:.1em 0; display:inline; border-bottom:none; }
.sectionlinks .delete a { color: #c7c7c7; }
.sectionlinks .delete a:hover { color: red; background-color: #000; }
.sectionlinks a, .storyinfo li a:visited {}

.storyfooter { border-top: 2px solid #f0f0f0; background-color: #f0f0f0; color:#000; padding-left: .5em; padding-bottom: .5em; margin-bottom: 1em; font-size: small; overflow:hidden; text-align: left; position:relative; zoom:1; }
.categorylisting { font-size: small; overflow:hidden; text-align: left; position:relative; zoom:1; }
.categorylisting a {  }
.categorylisting ul { float:right; margin:0; padding:0; list-style:none; position:relative; }
.categorylisting ul { display:inline; }
.categorylisting ul li { margin:0; padding:0 .3em; display:inline; border-bottom:none; }
.categorylisting li a, .storyinfo li a:visited {}

.wordlist { z-index: 0; width: 100%; padding: 5px; margin-bottom: 1em; font-size: x-large; overflow:hidden; text-align: left; position:relative; zoom:1; }
.wordlist a {  }
.wordlist ul { width: 80%; display:inline; margin:0; padding:0; list-style:none; position:relative;  }
.wordlist ul li { white-space: nowrap; border: 1px dotted black; line-height: 300%; background: #eee; padding: .3em; margin: .5em; margin-top: 0; margin-left: 0; margin-bottom: 0em; display:inline; }
.wordlist ul li:hover { border: 1px solid black; }
.wordlist li a, .storyinfo li a:visited { white-space: nowrap; }
.wordlist .oneword { float: left; background: #f0f0f0; padding: .5em; border: 1px dotted black; margin: .5em; margin-bottom: 0; white-space: nowrap; }
.wordlist .oneword:hover { border: 1px solid black; }

#onewordwrap { clear: both; z-index: 0; font-size: medium; width: 100%; text-align: center; padding-top: .5em; margin-top: 2em; margin-bottom: 2em; }
#onewordwrap .oneword { clear: both; white-space: nowrap; background: #eee; border: 1px dotted black; padding: .3em; font-size: 500%; vertical-align: middle; }
* html div#onewordwrap .oneword { padding-top: .1em; margin-bottom: 0; } /*style for IE*/
#onewordwrap p { margin: 0; font-size: medium; margin-top: 2.5em; }
* html div#onewordwrap p { font-size: medium; margin-top: -1.5em; } /*style for IE*/
.oneword a { text-decoration: none; color: #000; } 
a.optionlink { font-size: medium; clear: both; }

#sort { clear: left; padding: .5em; font-weight: bold; background-color: #f0f0f0; }
#sort a { padding: 1px; }
#sort a.current { background-color: blue; color: #fff; }

#footer { bottom: 0; clear: both; float: bottom; height: 200px; padding: .5em; margin: 1em; font-size: x-small; text-align: center; }
#footer a {  }
